<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>盒子浮动</title>
    <style>
    .box {
        float: left;
        width: 200px;
        height: 200px;
        background-color: pink;
    }
    ul {
        float: left;
        width: 200px;
        height: 200px;
    }
    </style>
</head>
<body>
<div class="box">
</div>
<ul>
    <li>盒子浮动如何使用</li>
    <li>属性float：left，right，none</li>
    <li>浮动的元素脱离标准流，不占据位置</li>
    <li>浮动的元素类似与行内块元素</li>
    <li>浮动一开始使用与文字环绕中</li>
</ul>
</body>
</html>